<!DOCTYPE html>
<html id="replace-style" lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
	<title>实时数据详情</title>
</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header> 


<!-- 页面指向 -->
<div class="page-point bg-white">
	<ul>
		<li>设备管理</li>
		<li>设备数据管理</li>
		
		<li>实时数据详情</li>
	</ul>
</div>

<!-- 菜单树 -->
<div th:replace="common/left" > 
</div>




<!--主体内容-->
<div class="page-container">

	<ul class="device-info">

		<li>
			<label>设备名称：<span id="deviceName" th:text="${equipment.equipName}">1</span></label>
		</li>
		<li>
			<label>设备编号：<span id="deviceNum" th:text="${equipment.equipCode}">12</span></label>
		</li>
		<li>
			<label>设备供应商：<span id="deviceSupplier" th:text="${equipment.supplier}">北京七星华创电子</span></label>
		</li>
		<li>
			<label>生产工序：<span id="procedure" th:text="${equipment.operationName}">搅拌</span></label>
		</li>
		<li>
			<label>设备类型：<span id="deviceType" th:text="${equipment.modelType}">涂布机</span></label>
		</li>

	</ul>

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12">
			<h2 class="page-section-title">重要参数</h2>
		</div>
	</div>

	<div class="real-time-data clearfix">
		<div class="left-side">
			<div class="item-1 clearfix">
				<p>数据采集时间</p>
				<div class="date">
					<strong id="date_1">11:23:7</strong><br />
					<small id="date_2">2018年4月18日</small>
				</div>
			</div>
			<img th:src="${equipment.image}?'/'+${equipment.image}:'${#httpServletRequest.getContextPath()}/image/loginBg.png'"
				 src="../../static/image/loginBg.png"/>
		</div>
		<!--仪表盘-->
		<ul class="clearfix" id="echart-list">
		
		</ul>
	</div>

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12">
			<h2 class="page-section-title">普通参数</h2>
		</div>
	</div>

	<!--监控数据图表-->
	<div class="batteryBorder-container">
		<div class="center-container">
			
			<div class="layout" th:each="param,iterStat : ${params}"  th:if="${iterStat.count} lt '5'">
				<div class="chart-wrap">
					<div class="parm-select">
						<div class="title">
							<img th:src="@{/image/icon-3.png}" src="../../static/image/icon-3.png"/>
							监控数据
						</div>
						<span class="select-span batteryId" id="batteryId1" th:id="|batteryId${iterStat.count}|" th:text="${param.paramName}">收卷张力实际值</span>
						<!--<div class="status"></div>-->
					</div>
					<div class="echart-box chart-box" style="width: 100%; height: 288px;"></div>
				</div>
			</div>
		
			
			
		</div>
	</div>


</div>
<!-- 公共底部 -->
<div th:replace="common/foot" > 
</div>


<script th:inline="javascript">
var equipmentId=[[${equipment.pkId}]];
var historyParams=[[${params}]];
</script>


<script th:src="@{/js/equipment/data/real/detail.js}"></script>


</body>
</html>